*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{max-width:100%;margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC",sans-serif;line-height: 1.42857143;font-size: 14px;min-width: 1230px;background: #fff;color: #000;}
h1{font-size:2em;margin:.67em 0;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{outline:none;-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{height:auto;max-width:100%;border-style:none}
svg:not(:root){overflow:hidden;}
input{outline:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;outline:none;box-shadow:none !important}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */
menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #000;text-decoration: none;}
a:hover {color: #027bc3;}
ul {margin: 0;list-style: none;padding: 0;}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;}
.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}
.container{padding:0 15px;width:100%;max-width:1330px;margin:0 auto}
@media (max-width: 767px){
    .pc-img{display:none!important}
}
.footer-fix{position:fixed;bottom:0;left:0;z-index:10;display:none;width:100%;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}
.footer-fix ul{display:flex}
.footer-fix li{width:25%}
.footer-fix li a{display:flex;padding:8px 0;text-align:center;font-size:14px;line-height:1;flex-direction:column;align-items:center;color:#000}
.footer-fix li img{margin-bottom:5px;width:28px}
@media (max-width: 767px){
    .footer-fix {display:block;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
}
.header-top{background:#f4f3f3}
.header-top .container{display:flex}
.header-top .top-notice{padding:8px 0}
.header-top .top-notice p{margin:0;font-size:14px;line-height:22px}
.header-top .top-menu{display:flex;margin-left:auto;align-items:center}
.header-top .top-menu ul{overflow: hidden;white-space:nowrap;}
.header-top .top-menu li{float:left;padding:8px 0;position:relative;margin-left:16px;list-style:none}
.header-top .top-menu li a{font-size:14px}
.header-top .top-menu>li:after{position:absolute;top:50%;right:-8px;width:1px;height:10px;background:#999;content:"";transform:translateY(-50%)}
.header-top .top-menu>li:last-child:after{display:none}
.header-top .top-menu .sub-menu{position:absolute;top:100%;right:-30px;z-index:100;display:block;visibility:hidden;padding:8px 0;width:160px;border-bottom:3px solid #027bc3;border-radius:0;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);opacity:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;pointer-events:none;-ms-transition:all .5s ease}
.header-top .top-menu .menu-item:hover>ul.sub-menu{right:0;visibility:visible;opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0);pointer-events:all}
.header-top .top-menu>li:last-child .sub-menu{right:0px}
.header{background-color:#fff}
.header .logo{float:left;padding:15px 0;text-align:left;font-size:0;line-height:70px}
.header .logo img{max-height:50px}
.header .tel{float:right;margin-top:25px;padding-left:55px;background:url(../images/tel.png) no-repeat 0 center;background-size:36px;color:#666}
.header .tel strong{display:block;color:#027bc3;font-size:28px;font-family:Impact;line-height:1}
.header .text{float:left;margin:20px 0 20px 20px;padding:4px 0 4px 20px;border-left:1px solid #eee;color:#666;font-size:16px}
.header .text strong{display:block;margin-bottom:5px;color:#027bc3;font-size:18px;-webkit-font-smoothing:auto}
.header .header-style{z-index:999;transition:all .25s ease-in-out}
.header .header-style.active{position:fixed;top:0;left:0;width:max-content;min-width:100%}
.header .header-menu{background-color:#044076;color:#fff}
.header .header-menu ul{display:flex}
.header .header-menu ul li a{display:block;padding:0 40px;color:#fff;font-size:16px;line-height:55px}
.header .header-menu ul li.current-menu-item a,
.header .header-menu ul li:hover a{background-color:#000000;color:#ffffff}
.header .header-menu ul li.menu-item-has{position:relative}
.header .header-menu ul li.menu-item-has .icon-drop-down{position:absolute;top:50%;right:30px;font-weight:600;font-size:12px;transform:translateY(-50%);color:#fff}
.header .header-menu ul .sub-menu{position:absolute;top:100%;left:-30px;z-index:100;display:block;visibility:hidden;padding:20px 0;width:230px;border-bottom:3px solid #044076;border-radius:0;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);opacity:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;pointer-events:none;-ms-transition:all .5s ease}
.header .header-menu .menu-item-has:hover>ul.sub-menu{left:0;visibility:visible;opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0);pointer-events:all}
.header .header-menu ul .sub-menu>li{position:relative;width:100%;border-bottom:1px solid #f9f9f9;list-style:none}
.header .header-menu ul .sub-menu>li>a{position:relative;display:block;padding:10px 18px;background:#fff;color:#000;font-size:16px;line-height:24px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-ms-transition:all .5s ease}
.header .header-menu ul .sub-menu>li:last-child{border-bottom:none}
.header .header-menu ul .sub-menu>li:hover>a:before,
.header .header-menu ul .sub-menu>li.current-menu-item>a:before{width:10px;opacity:1}
.header .header-menu ul .sub-menu>li>a:before{position:absolute;top:50%;left:10px;width:0;height:1px;background:#044076;content:"";opacity:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;transform:translateY(-50%);-ms-transition:all .5s ease}
.header .header-menu ul .sub-menu>li:hover>a,
.header .header-menu ul .sub-menu>li.current-menu-item>a{padding-left:30px;border-bottom:none;background:#fff;color:#044076}
.header .header-menu ul .sub-menu>li.menu-item-has>.sub-menu{top:-20px;left:calc(100% - 15px);border-top:3px solid #027bc3;border-bottom:none}
.header .header-menu ul .sub-menu>li.menu-item-has:hover>.sub-menu{left:100%}
.header .header-menu .menu-item-has:last-child:hover>.sub-menu{right:0;left:auto}
.header .header-menu .menu-item-has:last-child>.sub-menu{right:-30px;left:auto}
.header .header-menu ul>li:last-child>.sub-menu>li.menu-item-has:hover>.sub-menu{right:100%;left:auto}
.header .header-menu ul>li:last-child>.sub-menu>li.menu-item-has>.sub-menu{right:90%;left:auto}
@media (max-width: 1200px){
    .header .header-style.active{display:none}
}
.hamburger{float: right;position:relative;width:30px;height:30px;cursor:pointer;border:5px solid transparent;display:none;z-index:1}
.hamburger span{width:100%;height:2px;display:block;position:absolute;right:0;transition:all .3s;background-color:#000}
.hamburger span.h-top{top:0}
.hamburger span.h-bottom{bottom:0;width:27px}
.hamburger span.h-middle{top:50%;margin-top:-1px;width:25px}
.hamburger.h-active span{width:25px}
.hamburger.h-active span.h-top{transform:rotate(45deg);top:50%;margin-top:-1px}
.hamburger.h-active span.h-middle{transform:translateX(-30px);opacity:0}
.hamburger.h-active span.h-bottom{transform:rotate(-45deg);bottom:50%;margin-bottom:-1px}
@media (max-width: 767px){
    .header-top{display:none}
    .header .logo img{max-height:100%}
    .header .hamburger{display:block}
    .header .header-menu{position:fixed;top:60px;left:0;z-index:99999;overflow:auto;width:100%;height:100vh;background:#fff;-webkit-transition:-webkit-transform .3s ease-in;-moz-transition:-moz-transform .3s ease-in;-o-transition:-o-transform .3s ease-in;transition:transform .3s ease-in;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-webkit-overflow-scrolling:touch;-ms-transform:translateX(-100%)}
    .header .header-menu.slidenav{background-color:#fff;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
    .header .header-menu ul{display:block;padding-bottom:160px}
    .header .header-menu ul>li{margin-left:0;border-bottom:1px solid #e6ebf1}
    .header .header-menu ul>li:last-child{border-bottom:none}
    .header .header-menu ul li .fas{float:right;display:block;margin-top:7px;color:#031c49!important;font-size:20px}
    .header .header-menu ul>li.current-menu-item>a,.header .header-menu ul>li:hover>a{background:0 0;color:#044076 !important}
    .header .header-menu ul>li.menu-item-has:hover>ul.sub-menu{display:none}
    .header .header-menu ul>li>ul.sub-menu{position:static;display:none;visibility:visible;padding:0;width:100%;border-top:none;border-top:3px solid #044076;border-bottom:none;box-shadow:none;opacity:1;-webkit-transition:none}
    .header .header-menu ul>li>ul.sub-menu>li{border-bottom:1px solid #e6ebf1}
    .header .header-menu ul>li>a{display:inline-block;padding:16px 0;color:#000!important;line-height:24px;background:0 0!important}
    .header .header-menu ul li.menu-item-has .icon-drop-down{top:18px;right:0;color:#000;font-size:16px;transform:none}
    .header .header-menu ul>li>ul.sub-menu>li>a{display:inline-block;padding:16px}
    .header .header-menu ul>li>ul.sub-menu>li:hover>a{padding-left:16px;border-bottom:none;color:#031c49}
    .header .header-menu ul>li>ul.sub-menu>li:hover>a:before{display:none}
}
.banner {position:relative}
.banner .swiper-slide.show-swiper-text:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:.3}
.banner .swiper-slide{position:relative}
.banner .swiper-slide img{display:block;max-width:100%;height:auto;margin:0 auto}
.banner .swiper-button-next,
.banner .swiper-button-prev{display:none;outline:0}
.banner:hover .swiper-button-next,
.banner:hover .swiper-button-prev{width:auto;height:auto;top:50%;display:block;margin:0;padding:16px 10px;background:rgb(0 0 0 / 15%);transform:translateY(-50%)}
.banner .swiper-button-prev{left:10px;color:#fff}
.banner .swiper-button-next{right:10px;color:#fff}
.banner .swiper-url{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;outline:0}
@media (max-width:767px){
    .banner .swiper-slide img{min-height:170px;object-fit:cover}
    .banner:hover .swiper-button-next,
    .banner:hover .swiper-button-prev{display:none}
}
.search {padding: 15px 0;background-color: #f2f2f2;}
.search .hot {float: left;padding: 7px 0}
.search .hot a,
.search .hot strong{margin-right: 16px;}
.search .hform {float: right;}
.search .hform form{display: flex;align-items: center;}
.search .hform input {float: left;border: 1px solid #eee;padding: 0 12px;width: 210px;height: 34px;font-size: 14px;}
.search .hform button {border: 0;padding: 0;float: left;cursor: pointer;outline: none;width: 60px;height: 34px;color: #fff;background:#027bc3;font-size: 14px;}
@media (max-width:767px){
    .search .hot{display:none}
    .search .hform{float:none;width:100%}
    .search .hform input{width:calc(100% - 60px);height:44px}
    .search .hform button{height:46px}
}
.links .section{padding:30px 0}
.links .md-link h3{margin:8px 0 12px;padding-bottom:15px;border-bottom:1px solid #eee;color:#027bc3;font-size:18px}
.links .md-link h3 small{color:#999;text-transform:uppercase;font-weight:400;font-size:16px}
.links .md-link ul{display:inline-block;margin:0 -8px}
.links .md-link li{display:inline-block;margin:8px}
.section {padding: 60px 0;}
.section-title {margin-bottom: 40px;text-align: center;font-size:34px;}
.section-title p {color: #000;font-size: 16px;margin: 5px 0 0;}
.section-title:after {display: block;content: '';width: 38px;height: 3px;margin: 15px auto 0;background-color: #027bc3;}
.section-title.text-colour-white,
.section-title.text-colour-white p{color:#fff}
@media (max-width:767px){
    .section{padding:30px 0}
    .section-title{margin-bottom:20px;font-size:32px}
    .section-title p{font-size:15px}
    .section-title:after{margin-top:10px;width:26px;height:2px}
}
.mb-tab-menu {text-align: center;font-size: 0;margin-bottom: 20px;}
.mb-tab-menu li {display: inline-block;vertical-align: middle;}
.mb-tab-menu li a {display: block;margin: 0 5px 10px;font-size: 14px;line-height: 39px;position: relative;background: #e6e6e6;width:auto;padding: 0 30px;}
.mb-tab-menu li.active a {color: #fff;background: #027bc3;}
.product-tab{display:flex;justify-content:space-between}
.product-tab .tab-menu-left{margin-bottom:0;width:290px;height:max-content}
.product-tab .tab-menu-left h3{margin:0 0 20px;margin-bottom:0;padding:16px 20px;background-color:#027bc3;color:#fff;font-weight:700;font-size:24px}
.product-tab .tab-menu-left .mb-tab-menu{margin-bottom:0;background:#eee;text-align:left}
.product-tab .tab-menu-left li{position:relative;width:100%}
.product-tab .tab-menu-left li a{margin:0;padding:8px 20px;border-top:1px solid #ddd;background:0 0;font-size:16px}
.product-tab .tab-menu-left li.active a{color:#027bc3;font-weight:bold}
.product-tab .tab-product-content{margin-right:0;width:calc(100% - 310px)}
.product-tab .tab-product-content .list-one .article-item{width:calc(33.333333% - 20px)}
.product-tab .tab-product-content .list-one.style_2 .article-item{width:calc(50% - 20px)}
.product-tab .tab-product-content .list-one.style_3 .article-item{width:calc(33.333333% - 20px)}
.product-tab .tab-product-content .list-one.style_4 .article-item{width:calc(25% - 20px)}
.product-tab .tab-product-content .list-one .article-item .text{border:1px solid #eee;border-top:0}
.product-tab .menu-left-tel{display:flex;margin-top:20px;padding:14px 20px;background:#eee;align-items:center}
.product-tab .menu-left-tel .tel-icon i{font-size:45px}
.product-tab .menu-left-tel .tel-text{padding-left:16px;width:calc(100% - 45px)}
.product-tab .menu-left-tel .tel-text span{font-size:16px}
.product-tab .menu-left-tel .tel-text p{margin:0;color:#027bc3;font-weight:700;font-size:22px;line-height:28px}
@media (max-width:767px){
    .product-tab{flex-wrap:wrap}
    .product-tab .tab-menu-left,
    .product-tab .tab-product-content{width:100%}
    .product-tab .menu-left-tel{display:none}
    .product-tab .tab-menu-left{margin-bottom:15px}
    .product-tab .tab-product-content .list-one .article-item:nth-child(n+7){display:none}
    .product-tab .tab-menu-left .mb-tab-menu{display:flex;overflow:scroll;margin:0 -5px;width:100%;background:0 0;white-space:nowrap}
    .product-tab .tab-menu-left h3{display:none}
    .product-tab .tab-menu-left li{width:auto;margin:0 5px}
    .product-tab .tab-menu-left li a{border-top:none;padding:2px 15px;display:block;margin:5px 0;font-size:15px;background:#e6e6e6}
    .product-tab .tab-menu-left li.active a{background-color:#027bc3;color:#fff}
}
.container-banner {position:relative}
.container-banner .swiper-slide.show-swiper-text:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;content:"";opacity:.3}
.container-banner .swiper-slide{position:relative}
.container-banner .swiper-slide .swiper-text{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);-webkit-font-smoothing:auto}
.container-banner .swiper-slide .swiper-text h2{display:inline-block;margin:0;color:#fff;font-weight:700;font-size:38px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5)}
.container-banner .swiper-slide .swiper-text p{margin:16px 0 0;color:#fff;font-size:18px;line-height:1.6;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5)}
.container-banner .swiper-slide img{display:block;max-width:100%;height:auto;margin:0 auto}
.container-banner .swiper-button-next,
.container-banner .swiper-button-prev{display:none;outline:0}
.container-banner:hover .swiper-button-next,
.container-banner:hover .swiper-button-prev{width:auto;height:auto;top:50%;display:block;margin:0;padding:16px 10px;background:rgb(0 0 0 / 15%);transform:translateY(-50%)}
.container-banner .swiper-button-prev{left:10px;color:#fff}
.container-banner .swiper-button-next{right:10px;color:#fff}
.container-banner .swiper-url{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;outline:0}
@media (max-width:767px){
    .container-banner .swiper-slide img{min-height:170px;object-fit:cover}
    .container-banner .swiper-slide .swiper-text h2{font-size:30px}
    .container-banner .swiper-slide .swiper-text p{font-size:16px}
    .container-banner:hover .swiper-button-next,
    .container-banner:hover .swiper-button-prev{display:none}
}
.breadcrumb-search{padding:15px 0;background-color:#fff}
.breadcrumb-search .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.breadcrumb-search .search-form input{float:left;padding:6px 12px;width:210px;border:1px solid #eee;font-size:14px;border-radius:0}
.breadcrumb-search .search-form button{width:60px;height:34px;outline:0;border:0;background:#027bc3;color:#fff;font-size:14px;cursor:pointer}
@media (max-width:767px){
    .breadcrumb-search{background-color:#f5f5f5}
    .breadcrumb-search .search-form{position:relative;float:none;display:none;width:100%}
    .breadcrumb-search .search-form input{padding:0 12px;width:calc(100% - 60px);height:44px}
    .breadcrumb-search .search-form button{height:46px}
    .single .breadcrumb-search .search-form{display:none}
    .single .breadcrumb{display:-webkit-box;max-width:100%;background:0 0}
}
.form-box{display:flex;justify-content:space-between}
.form-box form{padding:30px;width:100%;border:1px solid #e9e9e9;border-radius:8px;background:#fff;box-shadow:0 33px 22px 0 rgba(168,168,168,.24)}
.form-box form h3{margin:0 0 30px;color:#1a1a1a;text-align:center;font-weight:700;font-size:24px}
.form-box form .form-group{margin-bottom:16px}
.form-box form input,.form-box form textarea{-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;width:100%;border:.5px solid rgba(118,121,124,.5);border-radius:4px;font-size:16px}
.form-box form textarea{height:136px}
.form-box form input[type=file]{cursor:pointer}
.form-box form input[type=checkbox],.form-box form input[type=radio]{display:block;margin-right:4px;padding:7px;width:auto;border-radius:2px;cursor:pointer;-webkit-appearance:revert;-webkit-tap-highlight-color:transparent}
.choice-inner{display:flex;align-items:center}
.form-box form label{display:block;margin-bottom:4px;color:#333;font-weight:500;font-size:16px}
.form-box form label.inline{display:inline-block;margin:0 20px 0 0}
.form-box form .choices{padding:10px;border:.5px solid rgba(118,121,124,.5);border-radius:4px}
.form-box form select{padding:10px;width:100%;border:.5px solid rgba(118,121,124,.5);border-radius:4px;font-size:16px}
.form-box form button{margin-top:16px;padding:16px;width:100%;border:none;border-radius:4px;background:#027bc3;color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.form-box form button:hover{background:#000}
.form-box form{border-left:0;border-radius:0 8px 8px 0}
@media screen and (max-width:767px){
    .form-box{flex-wrap:wrap;width:100%}
    .form-box form{margin-top:30px;padding:16px}
    .form-box form{border:1px solid #e9e9e9!important;border-radius:8px!important}
}
.list-one{display:flex;margin:-10px;flex-wrap:wrap}
.list-one .article-item{margin:10px;width:calc(25% - 20px)}
.list-one.style_2 .article-item{width:calc(50% - 20px)}
.list-one.style_3 .article-item{width:calc(33.333333% - 20px)}
.list-one.style_4 .article-item{width:calc(25% - 20px)}
.list-one .article-item a{display:block}
.list-one .article-item .img-cover{overflow:hidden;border:1px solid #eee}
.list-one .article-item .img-cover img{display:block;width:100%;height:290px;transition:all .3s;object-fit:cover}
.list-one .article-item .text{position:relative;display:flex;padding:6px 16px;min-height:44px;background-color:#fff;text-align:center;align-items:center;justify-content:center}
.list-one .article-item .text:before{position:absolute;right:0;bottom:0;left:0;width:100%;height:0;background-color:#027bc3;content:'';transition:all .3s}
.list-one .article-item .text h2{position:relative;z-index:1;display:-webkit-box;overflow:hidden;margin:0;text-overflow:ellipsis;font-size:14px;line-height:22px;transition:all .8s;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space: nowrap;}
.list-one .article-item a:hover .img-cover img{transform:scale(1.1)}
.list-one .article-item a:hover .text:before{height:100%}
.list-one .article-item a:hover .text h2{color:#fff;transition:all .3s}
@media (max-width:767px){
    .list-one{margin:-7px}
    .list-one .article-item{float:left;margin:7px;width:calc(50% - 14px)!important}
    .list-one .article-item .text{padding:6px;min-height:40px}
    .list-one .article-item .text h2{font-size:15px;line-height:20px}
}
.list-three .article-item{margin-top:15px;background:#fff}
.list-three .article-item:first-child{margin-top:0}
.list-three .article-item a{display:block;overflow:hidden;padding:15px;border:1px solid #eee}
.list-three .article-item .img-center{float:left;overflow:hidden;width:250px;height:150px}
.list-three .article-item .img-center img{width:100%;height:100%;object-fit:cover}
.list-three .article-item .img-center+.text{margin-left:270px}
.list-three .article-item .text h2{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:40px}
.list-three .article-item .text .time span{color:#999;font-weight:400;font-size:15px}
.list-three .article-item .text p{display:-webkit-box;overflow:hidden;color:#797979;font-size:16px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.list-three .article-item a:hover .img-center img{transform:scale(1.1)}
.list-three .article-item a:hover{border-color:#027bc3}
.list-three .article-item a:hover .text h4{color:#027bc3}
@media (max-width:767px){
    .list-three .article-item{margin-top:20px;padding-bottom:20px;border-bottom:1px solid #eee}
    .list-three .article-item a{position:relative;padding:0;border:0}
    .list-three .article-item .text{margin:0}
    .list-three .article-item .text h2{overflow:initial;margin-bottom:10px;text-overflow:initial;white-space:initial;font-size:20px;line-height:1.3}
    .list-three .article-item .text .time span{color:#797979;font-weight:500;font-size:16px;line-height:1}
    .list-three .article-item .text p{margin:10px 0 0;font-size:15px}
    .list-three.mobile-list-one .article-item .img-center{float:none;width:100%;height:auto}
    .list-three.mobile-list-one .article-item .img-center+.text{margin-top:16px;margin-left:0}
    .list-three.mobile-list-two{margin:-7px}
    .list-three.mobile-list-two .article-item{float:left;margin:7px;width:calc(50% - 14px)!important}
    .list-three.mobile-list-two .article-item .img-center{width:100%}
    .list-three.mobile-list-two .article-item .text{display:inline-block;margin-left:0;margin-top:16px}
    .list-three.mobile-list-two .article-item .text h2{display:-webkit-box;overflow:hidden;min-height:40px;text-overflow:ellipsis;font-size:15px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
    .list-three.mobile-list-three .article-item .img-center{margin-right:10px;width:120px;height:85px}
    .list-three.mobile-list-three .article-item .img-center+.text{display:flex;margin-left:130px;flex-wrap:wrap}
    .list-three.mobile-list-three .article-item .img-center+.text .time{position:absolute;bottom:0}
    .list-three.mobile-list-three .article-item .text h2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;font-size:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
    .list-three.mobile-list-three .article-item .text p{display:none}
}
.page-main .md-news{display:flex;flex-wrap:wrap;justify-content:space-between}
.page-main .news-large{position:relative;display:inline-flex;overflow:hidden;width:49%;height:430px}
.page-main .news-large img{width:100%;height:auto;transition:transform .5s;object-fit:cover}
.page-main .news-large:hover img{transform:scale(1.1)}
.page-main .news-large a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;outline:0}
.page-main .news-large .large-text{position:absolute;bottom:20px;left:20px;z-index:2;padding:20px;width:calc(100% - 40px);background:rgba(255,255,255,.9);color:#000}
.page-main .news-large .large-text p{display:-webkit-box;overflow:hidden;margin-top:10px;margin-bottom:0;text-overflow:ellipsis;font-size:15px;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.page-main .news-large .large-text h2{display:inline;margin:0;padding:.1% 0;background-image:linear-gradient(to right,currentColor 0,currentColor 100%);background-position:0 95%;background-size:0 2px;background-repeat:no-repeat;color:#000;font-size:20px;transition:background-size .25s cubic-bezier(.785,.135,.15,.86) 0s}
.page-main .news-large:hover .large-text h2{background-size:100% 2px}
.page-main .news-list{width:49%}
.page-main .news-list a{display:flex;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid #ddd;justify-content:space-between}
.page-main .news-list a:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.page-main .news-list .itme-time{display:flex;width:80px;text-align:center;flex-wrap:wrap;align-content:center}
.page-main .news-list .itme-time span{width:100%;color:#027bc3;font-size:30px;font-family:Impact;line-height:1}
.page-main .news-list .itme-text{width:100%}
.page-main .news-list .itme-time+.itme-text{width:calc(100% - 100px)}
.page-main .news-list .itme-text h2{display:-webkit-box;overflow:hidden;margin:0;text-overflow:ellipsis;font-size:18px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.page-main .news-list .itme-text p{display:-webkit-box;overflow:hidden;margin:8px 0 0 0;color:#000;text-overflow:ellipsis;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.page-main .swiper-container{padding-bottom:10px}
@media (max-width:767px){
    .page-main .news-large,.page-main .news-list{width:100%}
    .page-main .news-large{height:auto}
    .page-main .news-list{margin-top:30px}
    .page-main .news-large .large-text{bottom:16px;left:16px;padding:16px;width:calc(100% - 32px)}
    .page-main .news-large .large-text p{display:none}
    .page-main .news-large .large-text h2{font-size:18px}
    .page-main .news-list .itme-time{width:60px}
    .page-main .news-list .itme-time span{font-size:20px}
    .page-main .news-list .itme-time span:last-child{margin:8px auto 0;padding-top:8px}
    .page-main .news-list .itme-text h2{font-weight:500;font-size:19px;-webkit-line-clamp:2}
    .page-main .news-list .itme-text p{display:none}
    .page-main .news-list .itme-time+.itme-text{width:calc(100% - 70px)}
}
.cases .cases-list{width:100%}
.cases .cases-list ul{display:flex;margin:0 -6px;padding:0;list-style:none;flex-wrap:nowrap}
.cases .cases-list li{position:relative;overflow:hidden;margin:0 6px;height:540px;border-radius:8px;background-position:center top;background-repeat:no-repeat}
.cases .cases-list li:has(.cases-item-url){cursor:pointer}
.cases .cases-list li::after{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:50%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.5));content:""}
.cases .cases-list li .cases-item-url{bottom:0;left:0;outline:0;position:absolute;right:0;top:0;z-index:10}
.cases .cases-list li.active{background-size:cover;box-shadow:0 0 24px 0 rgba(0,0,0,.2)}
.cases .cases-item-head{position:absolute;bottom:40px;left:0;z-index:2;padding:0 24px;width:-webkit-fill-available;color:#fff;transition:all .6s ease}
.cases .cases-item-head h3{margin:0;font-weight:700;font-size:22px;line-height:1.4}
.cases .cases-item-head p{margin:14px 0 0;color:#fff;font-size:14px}
.cases .cases-item-info{position:absolute;bottom:22px;left:0;z-index:4;padding:3px 0 0 0;width:100%;color:#fff;opacity:0;transition:all .6s ease 0s;transform:translateY(250px)}
.cases .cases-item-info h3{margin-bottom:14px;padding:0 24px;color:#fff;font-weight:700;font-size:28px}
.cases .cases-item-info_s{padding:0 24px 10px 24px}
.cases .cases-item-info_s p{margin:0;font-size:16px;line-height:1.4}
.cases .cases-item-info_s span{display:inline-block;margin-top:14px;font-size:14px}
.cases .cases-list li.active .cases-item-head{opacity:0;transform:translateY(230px)}
.cases .cases-list li.active .cases-item-info{opacity:1;transition:all .6s ease .2s;transform:translateY(0)}
.cases .list-item li{width:21%;}
.cases .list-item li.active{width:37%;}
@media screen and (max-width:767px){
    .cases .cases-list ul{margin:0;flex-wrap:wrap}
    .cases .cases-list li,.cases .cases-list li.active{margin:0;margin-bottom:15px;width:100%;height:290px}
    .cases .cases-list li:last-child{margin-bottom:0}
    .cases .cases-list li.active .cases-item-head{opacity:1;transform:none}
    .cases .cases-list li.active .cases-item-info{opacity:0;transition:none;transform:translateY(250px)}
}
.process .section{padding-bottom:20px}
.process .process-list{display:flex;margin:49px -10px -10px;flex-wrap:wrap}
.process .process-list .process-item{position:relative;margin:50px 10px;padding:80px 16px 16px;width:calc(25% - 20px);border:2px solid #ddd;text-align:center}
.process .process-list .process-item .item-icon{position:absolute;top:-72.5px;left:50%;width:115px;height:115px;border:8px solid #fff;border-radius:50%;background:#555;transform:translateX(-50%);display:flex;justify-content:center;align-items:center}
.process .process-list .process-item .item-icon img{position:relative;z-index:2;display:block;width:90px;height:auto;transition:all 1s}
.process .process-list .process-item .item-text h3{margin:0;color:#000;font-weight:700;font-size:21px}
.process .process-list .process-item .item-text p{margin-top:15px;margin-bottom:15px;color:#666;font-size:14px;line-height:22px}
.process .process-list .process-item:hover .item-icon:after{background:#027bc3;opacity:1;-webkit-transform:scaleX(1.01) scaley(1.01);transform:scaleX(1.01) scaley(1.01)}
.process .process-list .process-item .item-icon:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:50%;content:" ";opacity:0;transition:all .4s;-webkit-transform:scaleX(0) scaley(0);transform:scaleX(0) scaley(0)}
.process .process-list .process-item:hover{border:2px solid #027bc3}
.process .process-item.item-url{cursor:pointer}
.process .process-item.item-url a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;outline:0}
@media (max-width:767px){
    .process .process-list{margin:50px 0 -30px;padding-bottom:0}
    .process .process-list .process-item{margin:45px 0;padding:50px 10px 10px;width:100% !important}
    .process .process-list .process-item .item-icon{width:100px;height:100px}
    .process .process-list .process-item .item-icon img{width:56px;height:56px;object-fit:contain}
    .process .process-list .process-item .item-text p{margin-top:10px;font-size:16px;line-height:24px}
}
.customer .customer-list{background:0 0}
.customer .customer-list ul{display:flex;padding-bottom:20px}
.customer .customer-list ul li{width:auto;text-align:center}
.customer .customer-list ul li img{width:100%;height:auto;-webkit-user-drag:none}
.customer .customer-list ul li p{margin:15px 0;font-size:15px}
.customer .customer-list .swiper-pagination{bottom:0}
.aboutus .md-about{display:flex;justify-content:space-between}
.aboutus .md-about.style_2 .about-text{order:1}
.aboutus .md-about.style_2 .about-img{order:2}
.aboutus .md-about .about-img{position:relative;width:48%}
.aboutus .md-about .about-img .play-view{position:absolute;top:calc(50% - 40px);right:0;left:0;text-align:center}
.aboutus .md-about .about-img span.video-play-icon{display:inline-block;width:65px;height:65px;border-radius:50%;background:#282828bd;color:#fff;line-height:65px;transition:.3s ease-in-out;-webkit-animation:ripple 1s linear infinite;animation:ripple 1s linear infinite}
.aboutus .md-about .about-img span.video-play-icon:hover{transition:.3s ease-in-out;transform:scale(1.1)}
.aboutus .md-about .about-img span.video-play-icon i{font-size:24px}
.aboutus .md-about .about-text{width:48%}
.aboutus .md-about .about-text h3{margin:0 0 20px;font-size:22px}
.aboutus .md-about .about-text p{font-size:16px;margin:0 0 20px;text-align:justify;color:#000;line-height:1.6}
.aboutus .md-about .about-text .btn{margin-top:30px}
.aboutus .md-about .about-text .btn a{display:inline-block;margin-right:15px;padding:0 30px;border:2px solid #027bc3;background-color:#027bc3;color:#fff;line-height:38px;transition:all .3s}
.aboutus .md-about .about-text .btn a:hover{border:2px solid #027bc3;background-color:#fff;color:#000}
.aboutus .md-about .about-text .btn a:nth-child(2){border:2px solid #000;background-color:#000}
.aboutus .md-about .about-text .btn a:nth-child(2):hover{border:2px solid #000;background-color:#fff;color:#000}
.aboutus .md-about .about-tel{display:inline-block;padding:4.5px 16px;border:1px solid #027bc3;background:#fff;color:#027bc3;vertical-align:bottom}
.aboutus .md-about .about-tel .tel-title{vertical-align:4px;font-weight:700;font-size:16px}
.aboutus .md-about .about-tel .tel-number,.aboutus .md-about .about-tel .tel-number a{font-weight:700;font-size:30px!important;font-family:serif;line-height:30px;-webkit-font-smoothing:auto}
.aboutus .md-about .about-tel .tel-number a{display:inline;padding:0;border:none;background:0 0;color:#027bc3}
@media (max-width:767px){
    .aboutus .md-about{flex-wrap:wrap}
    .aboutus .md-about .about-img,.aboutus .md-about .about-text{width:100%}
    .aboutus .md-about .about-img img{display:block}
    .aboutus .md-about .about-text{margin-top:26px}
    .aboutus .md-about .about-text .btn{display:flex;margin-top:20px;flex-wrap:wrap}
    .aboutus .md-about .about-tel{width:100%;text-align:center;order:1}
    .aboutus .md-about .about-text .btn a{margin-top:15px;margin-right:0;width:100%;text-align:center;font-size:18px;order:2}
}
.news .section{padding-bottom:30px}
.news .md-news{display:flex;margin:-15px -15px 0;flex-wrap:wrap}
.news .md-news .cat-item.style_1{width:calc(50% - 30px)}
.news .md-news .cat-item{margin:15px;width:calc(33.33333% - 30px)}
.news .md-news .cat-title{display:flex;margin-bottom:8px;padding-bottom:8px;border-bottom:2px solid #333;font-weight:700;font-size:18px;justify-content:space-between;align-items:center}
.news .md-news .cat-title h3{margin:0;font-size:18px}
.news .md-news .cat-title .more{display:flex;align-items:center;font-weight:400;font-size:17px}
.news .md-news .cat-title .more span{font-size:12px;-webkit-font-smoothing:auto}
.news .md-news .cat-img{margin-top:-10px}
.news .news-list{margin-top:15px}
.news .news-list li{display:flex;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #ddd;justify-content:space-between;align-items:center}
.news .news-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.news .news-list.no-time li a{width:100%}
.news .news-list li a{position:relative;display:block;overflow:hidden;padding-left:15px;width:calc(100% - 100px);text-overflow:ellipsis;white-space:nowrap;line-height:34px}
.news .news-list li a:before{position:absolute;top:50%;left:0;margin-top:-3px;width:6px;height:6px;background-color:#ccc;content:''}
.news .news-list li a:hover:before{background-color:#027bc3}
.news .news-list li span{color:#666;font-size:13px}
@media (max-width:767px){
    .news .md-news{margin:0}
    .news .md-news .cat-item{margin:0 0 20px;padding-bottom:20px;width:100%;border-bottom:1px solid #ddd}
    .news .md-news .cat-item:last-child{margin-bottom:0;padding-bottom:0;border:none}
    .news .md-news .cat-item.style_1{width:100%}
}
.footer{position:relative;z-index:1;background-color:rgb(246,246,246,.5)}
.footer:after{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;content:'';opacity:.8}
.footer a:hover{color:#027bc3}
.footer .pc{display:flex;border-bottom:1px #eee solid;padding:65px 0 45px;}
.footer .pc li{flex:1;display:flex;flex-direction:column}
.footer .pc li a{margin-bottom:15px;color:#333}
.footer .pc li a:hover{color:#027bc3}
.footer .pc li .tag{font-size:16px;font-weight:bold;margin-bottom:35px;color:#474747}
.footer .pc li .phone{background:url(../images/dian.png) no-repeat left center;padding-left:25px;font-size:18px}
.footer .pc li .note{padding:10px 0 20px 25px}
.footer .pc li .icon{display:flex;align-items:center}
.footer .pc li .icon a{margin-right:10px;}
.footer .pc li .icon a:last-child{margin-right:0;}
.footer .pc li .qr{width:94px;height:91px;margin-left:25px;margin-top:15px}
.footer .mobile{display:none}
.footer .bottom{height:90px;display:flex;justify-content:space-between;align-items:center;}
.footer .bottom img{width:120px}
@media only screen and (max-width:750px){
    .footer{background:#F9F9F9;}
    .footer .pc{display:none}
    .footer .mobile{display:block;padding:20px}
    .footer .mobile li:first-child{display:flex;justify-content:space-between;border-bottom:0}
    .footer .mobile li .phone{background:url(../images/dian.png) no-repeat left center;padding-left:25px;font-size:16px;margin-bottom:10px}
    .footer .mobile li .qr{width:94px;height:91px}
    .footer .mobile li a{border-bottom:1px #eee solid;display:block;height:50px;line-height:50px;font-size:14px}
    .footer .mobile li a:hover{color:#000}
    .footer .mobile li .tag{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:bold}
    .footer .mobile li .tag .icon{background:url(../images/down.png) no-repeat center center;width:16px;height:16px}
    .footer .mobile li .tag .icon.up{background:url(../images/up.png) no-repeat center center;}
    .footer .mobile li .child{display:none}
    .footer .mobile li .child a{margin-left:15px;}
    .footer .bottom{height:60px;justify-content:center;align-items:center}
    .footer .bottom img{display:none}
}
.page-section {padding:32px 0;background:#f5f5f5}
.sidebar-widget+.page-main{float:right;width:calc(100% - 300px)}
.page-main{width:100%}
@media (max-width:767px){
    .page-section {padding:16px 0;background:#fff}
    .sidebar-widget+.page-main{width:100%}
}
.article-content{background:#fff;margin-bottom:30px;padding:16px}
@media (max-width:767px){
    .article-content{padding:0}
}
.article-content .article-title{margin-bottom:30px;padding:14px 0 30px;border-bottom:1px dashed #e0e0e0;text-align:center}
.article-content .article-title h1{margin:0;font-size:26px}
.article-content .article-title p{margin:10px 0 0;color:#999;font-size:12px}
.article-content .article-title p span{padding:0 8px}
.article-content .article-title p a{color:#999;font-size:12px}
.article-content .article-title p a:hover{color:#027bc3}
.article-content .article-desc{margin-bottom:20px;padding:0 20px;border:1px solid #eee}
.article-content .article-desc p{margin-bottom:20px;font-size:16px;line-height:1.6}
.article-content .article-body{margin-bottom:20px;font-size:16px;line-height:1.6}
.article-content .article-body>:first-child{margin-top:0;padding-top:0}
.article-content .article-body ul{padding:revert;list-style:disc}
.article-content .article-body img{width:auto!important;height:auto!important;max-width:100%!important}
.article-content .article-body img.aligncenter{margin:0 auto;display:block}
.article-content .article-body>p:first-child{margin-top:0}
.article-content .article-body hr{background-color:#eee;color:#eee}
.article-content .article-body a{color:#027bc3}
.article-content .article-body a:hover{opacity:.8;text-decoration:underline}
.previous-next{margin:20px 0;padding:16px;background:#fff}
.previous-next li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee;line-height:32px}
.previous-next li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.previous-next li span{display:inline-block;margin-right:8px;padding:0 16px;background-color:#eee;color:#000}
.previous-next li em{float:right;font-style:normal}
@media (max-width:767px){
    .previous-next{margin:20px 0;padding:20px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
    .previous-next li{border-bottom:1px dashed #e0e0e0;font-size:15px;line-height:1.6}
    .previous-next li span{margin-right:0;padding:0;background:0 0;font-weight:bold}
    .previous-next li em{display:none}
}
.article-related{padding:16px;background:#fff}
.article-related .related-title{margin-bottom:20px}
.article-related .related-title h3{position:relative;margin:0;font-size:20px}
.article-related .related-title h3:after{display:block;margin-top:8px;width:2em;height:3px;background-color:#027bc3;content:""}
.article-related .related-list{display:flex;width:100%;justify-content:space-between}
.article-related .related-list ul{padding-right:32px;width:calc(50% - 16px);border-right:1px solid #eee}
.article-related .related-list ul li{position:relative;display:flex;margin-bottom:16px;width:100%;font-size:14px;line-height:18px}
.article-related .related-list ul li a{display:-webkit-box;overflow:hidden;width:calc(100% - 90px);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.article-related .related-list ul li span{margin-left:auto;color:#888;font-size:13px}
.article-related .related-list ul:last-child{padding-right:0;border-right:0}
.article-related .related-list ul li:last-child{margin-bottom:0}
@media (max-width:767px){
    .article-related{padding:0}
    .article-related .related-list{flex-wrap:wrap}
    .article-related .related-list ul{padding:0;width:100%;border:none}
    .article-related .related-list ul:last-child{display:none}
    .article-related .related-list ul li{padding-bottom:16px;border-bottom:1px solid #eee;font-size:15px}
    .article-related .related-list ul li:last-child{border:none}
}
.product-menu{border-top:1px solid #eee;background:#fff}
.product-menu .product-hd-box{display:flex;padding:32px 0;justify-content:space-between}
.product-menu .product-hd-img{width:40%;line-height:0;overflow:hidden}
.product-menu .product-hd-text{width:calc(60% - 30px)}
.product-menu .product-hd-text h1{margin:0 0 15px;color:#000;font-size:26px;line-height:1.4}
.product-menu .product-hd-text .split-line{position:relative;margin-bottom:15px;width:100%;height:3px;background:rgba(0,0,0,.06)}
.product-menu .product-hd-text .split-line:after{position:absolute;top:0;left:0;width:15%;height:100%;background:#027bc3;content:""}
.product-menu .product-hd-text .product-excerpt p{margin:0 0 15px;color:#000;font-size:15px;line-height:1.5}
.product-menu .product-hd-text .product-excerpt ol,
.product-menu .product-hd-text .product-excerpt ul{margin-bottom:15px;background:#fafafa}
.product-menu .product-hd-text .product-excerpt li{padding:0 16px;border-top:1px solid #f1f1f1;color:#000;font-size:14px;line-height:42px}
.product-menu .product-hd-text .product-excerpt li:first-child{border-top:none}
.product-menu .product-slider{margin-bottom:10px;position:relative}
.product-menu .product-slider .swiper-slide a{display:block;cursor:zoom-in;outline:none}
.product-menu .swiper-button-next,
.product-menu .swiper-button-prev{display:none}
.product-menu .product-hd-img:hover .swiper-button-next,
.product-menu .product-hd-img:hover .swiper-button-prev{display:block;padding:10px 15px;width:auto;height:auto;border-radius:32px;background:rgb(0 0 0 / 50%)}
.product-menu .product-hd-img .swiper-button-next:after,
.product-menu .product-hd-img .swiper-button-prev:after{font-size:22px}
.product-menu .swiper-button-next{right:16px;color:#fff}
.product-menu .swiper-button-prev{left:16px;color:#fff}
@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0 rgba(255 255 255 / .35),0 0 0 10px rgba(255 255 255 / .35),0 0 0 20px rgba(255 255 255 / .35)}
100%{box-shadow:0 0 0 10px rgba(255 255 255 / .35),0 0 0 20px rgba(255 255 255 / .35),0 0 0 40px rgba(255 255 255 / 0)}
}
@keyframes ripple{0%{box-shadow:0 0 0 0 rgb(255 255 255 / .35),0 0 0 10px rgb(255 255 255 / .35),0 0 0 20px rgb(255 255 255 / .35)}
100%{box-shadow:0 0 0 10px rgb(255 255 255 / .35),0 0 0 20px rgb(255 255 255 / .35),0 0 0 40px rgb(255 255 255 / 0)}
}
@media (max-width:767px){
    .product-menu .product-hd-box{padding:16px 0;flex-wrap:wrap}
    .product-menu .product-hd-img{margin-bottom:16px;width:100%}
    .product-menu .product-hd-text{width:100%}
}
.product-menu .product-cat{margin-bottom:15px}
.product-menu .product-cat a{display:inline-block;margin-right:16px;padding:7px 15px;background:#027bc3;color:#fff;font-weight:700;font-size:14px}
.product-menu .product-contact{display:flex;margin-top:15px}
.product-menu .product-tel{display:flex;align-items:center}
.product-menu .product-tel .icon-tel{margin-right:0}
.product-menu .product-tel .icon-tel i{color:#027bc3;font-size:46px;line-height:1}
.product-menu .product-tel .tel-text{display:flex;flex-wrap:wrap;flex-direction:column}
.product-menu .product-tel .tel-text span{margin-bottom:3px;color:#666;font-size:14px;line-height:1}
.product-menu .product-tel .tel-text a{color:#027bc3;font-weight:700;font-size:32px;line-height:1}
.product-tab-menu.active{position:fixed;top:55px;z-index:9;width:1000px;border-top:5px solid #fff}
.product-tab-menu{border-bottom:1px solid #eee;background:#eee;transition:opacity 0.3s ease}
.product-tab-menu li{position:relative;float:left;}
.product-tab-menu li span{display:block;padding:0 40px;font-size:16px;line-height:50px}
.product-tab-menu li.active span{background-color:#027bc3;color:#fff;font-weight:700}
.header_style_2 .product-tab-menu.active{top:71px}
.productTab-content{display:none}
.productTab-content.active{display:block}
@media (max-width:767px){
    .product-menu .product-contact{flex-wrap:wrap}
    .product-menu .product-tel{width:100%;justify-content:center}
    .product-menu .product-tel .tel-text span{font-size:18px}
    .product-menu .product-tel .tel-text a{font-size:36px}
    .product-menu .product-tel .icon-tel{margin-right:10px}
    .product-menu .product-tel .icon-tel i{font-size:54px}
    .product-tab-menu{margin-bottom:20px}
    .product-tab-menu.active{top:60px;left:0;margin:0;width:100%;border-top:none}
    .product-tab-menu ul{display:flex;overflow:scroll;white-space:nowrap}
    .product-tab-menu li span{padding:0 26px;line-height:40px}
}
.relevant .md-case{overflow:hidden}
.relevant .case-item .img-cover{overflow:hidden}
.relevant .case-item .img-cover img{display:block;transition:all .3s;height: 150px}
.relevant .case-item:hover .img-cover img{transform:scale(1.1)}
.relevant .case-item .text{padding:15px;background:#fff}
.relevant .case-item .text h2{display:-webkit-box;overflow:hidden;margin:0;color:#000;text-overflow:ellipsis;font-size:18px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.relevant .case-item .text p{display:-webkit-box;overflow:hidden;margin:10px 0 0;color:#000;text-overflow:ellipsis;font-size:15px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.relevant .case-item:hover h2{color:#027bc3}
.relevant .case-more{margin-top:30px;text-align:center}
.relevant .md-case.show-pagination~.case-more{margin-top:50px}
.relevant .swiper-pagination{display:block;margin:0 auto;width:inherit;bottom:inherit}
.relevant .swiper-button-prev{display:none;color:#000;left:-18px;right:auto}
.relevant .swiper-button-next{display:none;color:#000;right:-18px;left:auto}
.relevant:hover .swiper-button-prev,
.relevant:hover .swiper-button-next{display:block}
.relevant .swiper-button-next,
.relevant .swiper-button-next,.relevant .swiper-button-prev{top:calc(50% - 15px);margin:0;margin-top:-8px;width:18px;height:30px;background-size:18px 30px}
@media (max-width:767px){
    .relevant .swiper-pagination{left:50%;transform:translateX(-50%)}
    .relevant .md-case.show-pagination{padding-bottom:15px}
    .relevant .md-case.show-pagination~.case-more{margin-top:35px}
}
.sidebar-widget {float:left;width:270px}
.sidebar-widget .widget{margin-bottom:32px;background-color:#fff}
.sidebar-widget .widget:last-child{margin-bottom:0}
.sidebar-widget .widget .widget-title{padding:10px 16px;background-color:#027bc3}
.sidebar-widget .widget .widget-title h3{margin:0;text-align:left;color:#fff;font-size:18px}
.nav_menu ul.menu{padding:4px 16px}
.nav_menu ul>li{width:100%}
.nav_menu ul>li>a{position:relative;display:block;width:100%;height:auto;color:#000;font-size:16px;line-height:1.4;padding:12px 0}
.nav_menu ul.menu>li>a{border-bottom:solid 1px #eee;font-size:15px;font-weight:bold;}
.nav_menu ul>li .sub-menu{display:none;padding-top:6px}
.nav_menu ul.menu>li.hover>a,.nav_menu ul.menu>li>a:hover{border-bottom:solid 1px #027bc3;color:#027bc3;}
.nav_menu ul>li:last-child{margin-bottom:0}
.nav_menu ul>li:last-child a{margin-bottom:0;border-color:transparent}
.nav_menu ul>li .sub-menu .hover a{color:#027bc3}
.nav_menu ul>li .sub-menu li a{display:inline-block;padding-left:16px;width:auto;height:auto;color:#000;font-size:14px;line-height:24px}
.nav_menu ul>li .sub-menu li a:hover,.nav_menu ul>li .sub-menu li.current-menu-item a{color:#027bc3}
.nav_menu ul>li.menu-item-has>a::after{position:absolute;right:0;margin-right:5px;font-family:remixicon!important;transition:transform .3s ease-in-out}
.nav_menu ul>li.hover.menu-item-has>a::after{transform:rotate(180deg)}
.postlist_img .article-list{display:flex;margin:8px 8px 0;flex-wrap:wrap}
.postlist_img .article-list .article-item{margin:8px;width:calc(50% - 16px)}
.postlist_img .article-list .article-item:nth-last-child(-n+2){margin-bottom:16px}
.postlist_img .article-list .article-item .article-img{margin-bottom:2px}
.postlist_img .article-list .article-item .article-img img{width:100%;height:120px;object-fit:cover}
.postlist_img .article-list .article-item h2{display:-webkit-box;overflow:hidden;margin:0;color:#000;text-overflow:ellipsis;font-weight:500;font-size:13px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space: nowrap;}
.postlist_img .article-list .article-item h2:hover{color:#027bc3}
.pagination{clear:both;display:inline-block;overflow:hidden;margin-top:30px;padding:20px 0;width:100%;background-color:#fff;text-align:center;font-size:14px}
.pagination ul{display:flex;margin:0 auto;padding:0;justify-content:center}
.pagination ul li{display:inline-block}
.pagination ul li a,
.pagination ul li span{float:left;display:block;margin:0 5px;padding:6px 12.5px;border:1px solid #f5f5f5;color:#000;font-size:12px}
.pagination ul li.active span,
.pagination ul li:hover a{background:#027bc3;color:#fff}
@media screen and (max-width: 767px) {
    .pagination ul li.prev-page,
    .pagination ul li.next-page{display:none}
}
@media screen and (max-width: 767px) {
    .top{ display:none}
    body{min-width:320px;padding-top:60px;padding-bottom:63px}
    .container {width: auto;}
    .header {height:60px;padding: 15px 0;position: fixed;z-index: 10;width: 100%;top: 0;left: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
    .header .text,.header .tel {display: none;}
    .header .logo {height: 30px;line-height: 30px;float: none;padding: 0;}
    .header .nav {margin: 10px 0 -10px;text-align: left;display: none;background-color: transparent;border-bottom: 0;}
    .header .nav ul {margin: 0 -15px;}
    .header .nav li {display: block;margin: 0;border-top: 1px solid #eee;background: none;}
    .header .nav li a {line-height:40px;padding:0 15px;color:#000}
    .header .nav li .arr {display: block;}
    .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {background-color: transparent;color: #027bc3}
    .header .nav li.open .arr:after {border-color: #027bc3;transform: rotate(225deg);}
    .banner{height:auto}
    .sidebar-widget {display: none;}
    .page-main {float: none !important;width: auto;}
}